File: /var/www/html/wpbiancoarte/wp-content/themes/hiroshi/assets/css/editor-style.css
@charset "UTF-8";
/* ==========================================================================
Include variables and mixins
========================================================================== */
/* ==========================================================================
Global CSS variables
========================================================================== */
:root {
--qode-main-color: #000;
--qode-header-light-color: #fff;
--qode-header-light-hover-color: #fff;
--qode-header-dark-color: #000;
--qode-header-dark-hover-color: #000;
}
/* ==========================================================================
Typography variables
========================================================================== */
/* ==========================================================================
Box variables
========================================================================== */
/* ==========================================================================
Devices screen size variables
========================================================================== */
/* ==========================================================================
Typography mixins
========================================================================== */
/* ==========================================================================
Typography mixins - end
========================================================================== */
/* ==========================================================================
Menu mixins - begin
========================================================================== */
/* ==========================================================================
Menu mixins - end
========================================================================== */
/* ==========================================================================
Layout mixins - begin
========================================================================== */
/* ==========================================================================
Layout mixins - end
========================================================================== */
/* ==========================================================================
Input fields mixins - begin
========================================================================== */
/* ==========================================================================
Input fields mixins - end
========================================================================== */
/* ==========================================================================
Pagination mixins - begin
========================================================================== */
/* ==========================================================================
Pagination mixins - end
========================================================================== */
/* ==========================================================================
Grid size mixins - begin
========================================================================== */
/* ==========================================================================
Grid size mixins - end
========================================================================== */
/* ==========================================================================
Helper mixins - begin
========================================================================== */
/* ==========================================================================
Helper mixins - end
========================================================================== */
/* ==========================================================================
Common mixins - begin
========================================================================== */
/* ==========================================================================
Common mixins - end
========================================================================== */
/* ==========================================================================
Animation mixins -start
========================================================================== */
/* ==========================================================================
Animation mixins - end
========================================================================== */
/* ==========================================================================
Custom mixins - begin
========================================================================== */
/* ==========================================================================
Custom mixins - end
========================================================================== */
body {
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
line-height: 1.6875em;
font-weight: 400;
color: #000000;
background-color: #ffffff;
}
h1 {
font-family: "DM Sans", sans-serif;
font-weight: 400;
color: #000000;
font-size: 54px;
line-height: 1.09259em;
font-weight: 400;
margin: 20px 0;
}
@media only screen and (max-width: 1440px) {
h1 {
font-size: 48px;
line-height: 1.08333em;
}
}
h1 a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
h1 a:focus, h1 a:hover {
color: var(--qode-main-color);
}
h2 {
font-family: "DM Sans", sans-serif;
font-weight: 400;
color: #000000;
font-size: 45px;
line-height: 1.2em;
font-weight: 400;
margin: 20px 0;
}
@media only screen and (max-width: 1440px) {
h2 {
font-size: 38px;
line-height: 1.13158em;
}
}
h2 a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
h2 a:focus, h2 a:hover {
color: var(--qode-main-color);
}
h3 {
font-family: "DM Sans", sans-serif;
font-weight: 400;
color: #000000;
font-size: 36px;
line-height: 1.13889em;
font-weight: 400;
margin: 20px 0;
}
@media only screen and (max-width: 1440px) {
h3 {
font-size: 30px;
line-height: 1.16667em;
}
}
h3 a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
h3 a:focus, h3 a:hover {
color: var(--qode-main-color);
}
h4 {
font-family: "DM Sans", sans-serif;
font-weight: 400;
color: #000000;
font-size: 24px;
line-height: 1.20833em;
font-weight: 400;
margin: 20px 0;
}
@media only screen and (max-width: 1440px) {
h4 {
font-size: 22px;
line-height: 1.22727em;
}
}
h4 a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
h4 a:focus, h4 a:hover {
color: var(--qode-main-color);
}
h5 {
font-family: "DM Sans", sans-serif;
font-weight: 400;
color: #000000;
font-size: 20px;
line-height: 1.25em;
font-weight: 400;
margin: 20px 0;
}
@media only screen and (max-width: 1440px) {
h5 {
font-size: 18px;
line-height: 1.27778em;
}
}
h5 a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
h5 a:focus, h5 a:hover {
color: var(--qode-main-color);
}
h6 {
font-family: "DM Sans", sans-serif;
font-weight: 400;
color: #000000;
font-size: 12px;
line-height: 1.16667em;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.2em;
margin: 20px 0;
}
h6 a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
h6 a:focus, h6 a:hover {
color: var(--qode-main-color);
}
a,
p a {
color: #000000;
text-decoration: none;
transition: color 0.2s ease-out;
cursor: pointer;
}
a:focus, a:hover,
p a:focus,
p a:hover {
color: var(--qode-main-color);
}
p {
margin: 10px 0;
}
blockquote {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin: 0;
padding: 0;
font-family: "DM Sans", sans-serif;
font-weight: 400;
color: #000000;
font-size: 20px;
line-height: 1.25em;
font-weight: 400;
position: relative;
padding: 0 75px;
margin: 43px 0;
border: none;
quotes: none;
z-index: 1;
}
@media only screen and (max-width: 1440px) {
blockquote {
font-size: 18px;
line-height: 1.27778em;
}
}
blockquote.wp-block-quote.is-large, blockquote.wp-block-quote.is-style-large {
margin: 43px 0;
padding: 0 75px;
}
blockquote.wp-block-pullquote {
padding: 0 75px !important;
text-align: center;
}
blockquote.wp-block-pullquote p {
font-size: 28px !important;
line-height: 1.6 !important;
}
blockquote.wp-block-pullquote.alignleft {
max-width: 420px;
}
blockquote.wp-block-pullquote.alignright {
max-width: 420px;
}
blockquote.has-text-align-right:before {
left: auto;
right: 0;
}
blockquote:before {
content: '“';
position: absolute;
top: 25px;
left: 45px;
height: auto;
font-size: 52px;
line-height: 1;
font-weight: 600;
letter-spacing: -0.02em;
transform: translateY(-50%);
z-index: -1;
color: #000000;
}
blockquote > * {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
margin: 0;
}
blockquote p {
margin: 0 !important;
}
blockquote:after {
content: '';
}
blockquote cite {
display: block;
margin: 10px 0 0;
font-style: normal;
font-weight: 400 !important;
text-align: inherit !important;
text-transform: uppercase !important;
}